<template>
  <div class="m-theFollowUp">
    <div class="m-dataList">
      <el-table
        :data="dataList"
        style="width: 100%"
        :max-height="800"
        ref="dataList"
      >
        <el-table-column
          prop="date"
          label="用户名">
        </el-table-column>
        <el-table-column
          prop="name"
          label="手机号码"
          width="120">
        </el-table-column>
        <el-table-column
          prop="province"
          label="用户类型"
          width="120">
        </el-table-column>
        <el-table-column
          prop="city"
          label="用户级别"
          width="120">
        </el-table-column>
        <el-table-column
          prop="address"
          label="用户标记"
          width="150">
        </el-table-column>
        <el-table-column
          prop=""
          label="价值用户"
          width="120">
        </el-table-column>
        <el-table-column
          prop=""
          label="注册来源"
          width="120">
        </el-table-column>
        <el-table-column
          prop="价值用户"
          label="注册时间"
          width="120">
        </el-table-column>
      </el-table>
    </div>
    <div class="m-pagination">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :page-sizes=pagination.pageSizeList
        :current-page=pagination.pageNo
        :page-size=pagination.pageSize
        layout="total, sizes, prev, pager, next"
        :total=pagination.total>
      </el-pagination>
    </div>
  </div>
</template>

<script>
  import * as Utils from '@/utils'
  import * as RealaccountAPI from '@/Api/realaccount'
  export default {
    name: 'TheLiveInfo',
    data () {
      return {
        pagination: Utils.commonPagination(),
        dataList:[],
      }
    },
    components: {},
    methods: {
      handleSizeChange(size) {},
      handleCurrentChange(index) {},
      search(){},
      reset(){},
    }
  }
</script>

<style scoped lang="scss">
  @import "../../../scss/variables";
</style>
